<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <h:head>

        <title><ui:insert name="title">Ksc event administrator</ui:insert></title>
        <link href="/#{initParam['rootDirectory']}/resources/css/admin/housing.css" type="text/css" rel="stylesheet"/>
        <link href="/#{initParam['rootDirectory']}/resources/css/admin/layout.css" type="text/css" rel="stylesheet"/>
        <link href="/#{initParam['rootDirectory']}/resources/css/admin/reset-min.css" type="text/css" rel="stylesheet"/>
        <link href="/#{initParam['rootDirectory']}/resources/css/admin/skin-default.css" type="text/css" rel="stylesheet"/>

    </h:head>
    <h:body styleClass="page page-id-707 page-template page-template-tmp-portfolio-sortable-fw-php" style="color: rgb(85, 85, 85);">
         <p:growl id="message" life="3000" />
        <f:facet name="last">
            <h:outputStylesheet library="css" name="myprimefaces.css" />
        </f:facet>
        <a name="tags_top"></a>

        <div id="wrap" > 
            <h:form>
                <div id="header-wrap" class="shadowhead">
                    <header class="center clearfix"> 
                        <h1>
                            <a href="./admin/home.xhtml" title="Doctor Online">
                                <img src="./resources/images/family_doctor.png" alt="Doctor Online" height="70"/></a></h1>	
                        <div class="tiny-top">
                            <ul id="menu-top-tiny-menu" class="menu">
                                <li id="menu-item-1450" 
                                    class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1450">
                                    <h:outputText value="Hi ! #{loginBean.account.username}" rendered="#{loginBean.login}"/>
                                </li>
                            </ul></div>		
                        <nav> 
                            <div class="menu-header">
                                <h:form rendered="#{loginBean.login}">
                                    <ul id="menu-site-menu" class="menu">
                                        <li id="menu-item-670" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-670">
                                            <h:link outcome="/admin/activity/list.xhtml" value="Activity"/>
                                        </li>
                                        <li id="menu-item-670" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-670">
                                            <h:link outcome="/admin/event/list.xhtml" value="Event"/>
                                        </li>
                                        
                                    </ul>
                                </h:form>
                            </div>

                        </nav> 
                        <h:form rendered="#{loginBean.login}">
                            <div class="socials">
                                <h:commandLink action="#{loginBean.logout()}" value="Logout" style="font-weight: bold"  />
                            </div>
                        </h:form>
                    </header> 
                </div>
            </h:form>
        </div>
        <div id="container"> 
            <section class="hidden">
                <style type="text/css">                    
                    #header-wrap > header > nav > div > ul > li.current-menu-item > a,
                    #header-wrap > header > nav > div > ul > li.current_page_item > a,
                    #header-wrap > header > nav > div > ul > li.current-page-ancestor > a,
                    #header-wrap > header > nav > div > ul > li.current_page_parent > a,
                    #header-wrap > header > nav > div > ul > li > a:hover,
                    ul#filter li a.active, .skinmain,
                    #header-wrap > header > nav > div > ul > li.sfHover > ul li a:hover,
                    a:hover, a.p-continue, p.continue a strong{	
                        color: #1e7cb8; }

                    p.continue a strong	{color: #1e7cb8 !important; }

                    #header-wrap{
                        border-top: 5px solid #1BE062; 
                    }
                    #header-wrap > header > nav > div > ul > li.current-menu-item,
                    #header-wrap > header > nav > div > ul > li.current-page-parent,
                    #header-wrap > header > nav > div > ul > li.current-page-ancestor,
                    #header-wrap > header > nav > div > ul > li.current_page_item {
                        border-bottom:1px solid #1e7cb8;}
                    #header-wrap .socials, 
                    .sc-sliding-po header nav a:hover,
                    .pagination a:hover, .skinbg,
                    .pagination .current,
                    #header-wrap header h1 sup { background-color: #1BE062; } 
                </style>
            </section>
            <style type="text/css" scoped="scoped">
                body 										{	overflow-y:scroll !important;}
                .item-list li							{  height: 200px; width: 210px;	}
                .th-overlay								{  height: 140px; width: 210px;	}

            </style>
            <div id="content" class="clearfix center fullw"> 
                <!--                <div id="content-top" class="clearfix">
                                    
                                </div>end of #content-top 			-->
                <div class="the-content" style="padding-top:5px">
                    <p:growl autoUpdate="true" globalOnly="true"/>
                    <ui:insert name="content">
                        <div class="content_category_box">
                            <div class="content_category_box_top">
                                <div class="content_category_box_bottom">
                                    <div class="content_category_box_title">
                                        <h1 style="margin-bottom: 0px"><ui:insert name="currentPage"></ui:insert></h1>
                                        <ui:insert name="addLink"><h:link outcome="detail" value="Thêm"/></ui:insert>
                                    </div>
                                    <div class="content_category_box_inner">
                                        <ui:insert name="mainContent">
                                        </ui:insert>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </ui:insert>
                    <span class="clear"></span>
                </div>
            </div>
        </div>

        <div id="footer-wrap"> 
            <div id="last-wrap">		
                <footer id="last" class="center"> 
                    Copyright © 2014 Ngoctt . All Rights Reserved
                </footer> 
            </div> 
        </div>

    </h:body>
</html>
